/*Top002568 */ .Top002568{ position:relative; z-index:100; background:#fff;} .Top002568 .auto{ max-width: 1600px} @media(max-width:1366px){ .Top002568 .auto{padding: 0 2%} } .Top002568 .header-left{ float:left;} .Top002568 .header-left, .Top002568 .header-right{height:85px;} .Top002568 .logo img{ max-height:50px;margin-top: 10px; margin-bottom: 7px; } .Top002568 .txt_logo{margin-left: 15px; font-size: 18px; margin-top: 10px; margin-bottom: 7px; line-height: 1.6;} .Top002568 .header-right, .Top002568 .header-mid{float:right; z-index: 2;} .Top002568 .header-right > *{ margin:0 12px; position:relative;padding-top: 33px} .Top002568 .header-right dt figure{ display:none; position:absolute; top:100%; margin-top:10px; z-index:100; width:120px; background:#fff; right:-54px; padding:10px;box-shadow: 0 3px 12px #999} .Top002568 .header-right dt figure::before{ position:absolute; content:''; border:6px solid transparent; border-bottom-color:#f3f3f3;right: 58px;top: -12px;} .Top002568 .header-right dt figure img{ display:block; width:100%;} .Top002568 .header-right dt a{ width:20px; height:20px; background:url(../images/Top002568_icon_sina.png) no-repeat center center; background-size:contain; display:block;} .Top002568 .header-right dt a.wx{ background-image:url(../images/Top002568_icon_wx.png);} .Top002568 .open-search{ position:relative;width:17px; height:20px; background:url(../images/Top002568_icon_search.png) no-repeat center center; background-size:contain; display:block;} .Top002568 .open-search-show{ background:none;} .Top002568 .open-search-show::before, .Top002568 .open-search-show::after{ position:absolute; content:''; width:100%; height:3px; background:#214d97; transform:rotate(45deg); left:0; top:50%; margin-top:-1.5px;} .Top002568 .open-search-show::after{ transform:rotate(-45deg);} .Top002568 .search-box{ display:none; z-index:999; position:absolute; right:0; top:100%;width:300px;} .Top002568 .search-box .text{ width:100%; padding:10px; border:3px solid #214d97;} .Top002568 .search-box .btn{ position:absolute; right:0; top:0; width:42px; height:42px; background:url(../images/Top002568_icon_search.png) no-repeat center center; background-size:50% auto;} .Top002568 .header-mid{ width:55%;} .Top002568 .header-menu li em{position:relative;} .Top002568 .header-menu li em a{ display:inline-block; line-height:85px; position:relative; font-size:16px;z-index: 2;transition:0.3s;} .Top002568 .header-menu li em::before{ position:absolute; content:''; left:50%; transform:translateX(-50%); width:100%; height:0%; background:#214d97; transition:0.3s;z-index: -1} .Top002568 .header-menu li.aon em::before, .Top002568 .header-menu li:hover em::before{ height:100%;} .Top002568 .header-menu li.aon em a .Top002568 .header-menu li:hover em a{color:#fff;transition:0.3s;} .Top002568 .header-menu li .sub dt{ line-height:46px;text-align: center; margin-bottom:1px; background:rgba(256,256,256,0.3);} .Top002568 .header-menu li .sub dt a{ color:#333; padding:0;} .Top002568 .header-menu li .sub dt:last-child a::after{ display:none;} .Top002568 .header-menu li .sub dt a:hover{ color:#fff; background:#3368c2;} .Top002568 #open_menu{ margin:0;} .Top002568 #header-menu{ position:fixed; left:100%; opacity:0; top:0; height:100%; background:rgba(0,0,0,0.5); overflow:auto; max-height:100%; padding:10px; transition:0.3s; width:60%; max-width:280px;} .Top002568 #header-menu.header-menu-show{ right:0; opacity:1;} .Top002568 #header-menu ul{ padding:20% 5% 10%; border-radius:5px; background: rgba(63, 66, 132, 0.91);} .Top002568 #header-menu li:last-child em a, .Top002568 #header-menu li:last-child em{ border-bottom:0;} .Top002568 #header-menu li em .op{ display:block;} .Top002568 #header-menu li .sub dl{ background:rgba(0,0,0,0.22); border-radius:0 0 5px 5px;} .Top002568 #header-menu li .sub-menu dt a{ border-bottom:1px solid rgba(0, 0, 0, 0.15);} @media(max-width:1366px){ .Top002568 .header-mid{ width: 44%;} } @media(max-width:1024px){ .Top002568 #open_menu{ width:30px; height:30px; margin-left:10px;margin-top: 25px} .Top002568 #open_menu i{ width:100%;background:#3368c2; height:3px;} .Top002568 #open_menu i::before, .Top002568 #open_menu i::after{background:#3368c2;} } @media(max-width:480px){ .Top002568 .auto{ display: flex; justify-content: space-between;} .Top002568 .header-mid{ width: 0;} .Top002568 .logo{ width: 33%;} .Top002568 .txt_logo{ font-size: 12px; margin-left: 0;} .Top002568 .header-right dt{ display:none;} .Top002568 .header-right dd.top-search{ position:static;} .Top002568 .search-box{ width:100%;z-index: 100} } /*Banner002588 */ /*swiper*/ .Banner002588 .swiper-container { background:#000;margin: 0 auto; width:100%;position: relative;overflow: hidden;z-index: 1;} .Banner002588 .swiper-container-android .swiper-slide, .Banner002588 .swiper-wrapper { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);} .Banner002588 .swiper-wrapper {position: relative;width: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box;box-sizing: content-box;} .Banner002588 .swiper-slide {position: relative;width: 100%;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;} /*swiper end*/ .Banner002588 .swiper-slide > img{ display:block; width:100%; max-width:none;} .Banner002588 .swiper-slide img.wap{ display:none;} .Banner002588 .txt{ position:absolute; width:100%; left:0; top:0; height:100%; padding-bottom:5%;} .Banner002588 .txt-main{ width:100%; max-width:1200px; margin:0 auto;} .Banner002588 .txt-main aside{ padding:1% 0;max-width:475px; float:right;} .Banner002588 .text{ text-align:left; opacity:0.4; clear:both;} .Banner002588 .text *{ margin:0; line-height:24px;} .Banner002588 .text h1{ font-size:24px; font-weight:normal; padding-bottom:10px;} .Banner002588 .text p{ margin-bottom:8%;} .Banner002588 .text a{ border-radius:40px; border:1px solid #717676; width:164px; line-height:40px; color:#717676; text-align:center; display:block; transition:0.3s;} .Banner002588 .text a:hover{ background:#214d97; color:#fff; border-color:#214d97;} @media(max-width:1366px){ .Banner002588 .txt-main{ padding:0 10%;} } @media(max-width:1200px){ .Banner002588 .swiper-slide img.pc{ display:none;} .Banner002588 .swiper-slide img.wap{ display:block;} } @media(max-width:1024px){ .Banner002588 .txt-main aside{ max-width:70%;} } @media(max-width:640px){ .Banner002588 .text h1{ display:none;} .Banner002588 .text a{ line-height:30px; width:120px;} } @media(max-width:480px){ .Banner002588 aside img{ max-width:80%;} .Banner002588 .text { float:none; width:100%;} .Banner002588 .text p{ display:none;} } .Banner002588 .pager{ position:absolute; width:100%; bottom:5%; z-index:10;} .Banner002588 .pager li{ position:relative;width:13px; border-radius:50%; background:rgba(255,255,255,0.46); height:12px; margin:0 5px; cursor:pointer;} .Banner002588 .pager li.active{ background:#fff;} /*swiper*/ .Floor002535 .swiper-container, .Floor002535 .swiper-wrapper, .Floor002535 .swiper-slide {position: relative;width: 100%;} .Floor002535 .swiper-container, .Floor002535 .swiper-wrapper{z-index: 1; position:relative;} .Floor002535 .swiper-container {overflow: hidden;} /* .Floor002535 .swiper-container-multirow>.swiper-wrapper {-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;} */ .Floor002535 .swiper-container-android .swiper-slide, .Floor002535 .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} .Floor002535 .swiper-wrapper, /*.Floor002535 .swiper-slide {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}*/ .Floor002535 .swiper-wrapper {-webkit-box-sizing: content-box;box-sizing: content-box; display: flex;} .Floor002535 .swiper-slide {-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;} /*swiper end*/ /*Floor002535 */ .Floor002535{ font-size:20px;color:#333;padding: 3.5% 0 0} .Floor002535 .wrap-top .auto{ position:relative; z-index:10;} .Floor002535 .wrap-top .title{ background:url(../images/Floor002535_titlebg.png); text-align:center; } .Floor002535 .wrap-top .title::after{ content:''; width:26px; height:3px; background:#fff;} .Floor002535 .wrap-top .more{ position:absolute; right:0; top:50%; background:url(../images/Floor002535_more.png) no-repeat right center; padding-right:32px; color:#333; border-bottom:1px solid #333; padding-bottom:5px; height:28px; margin-top:-14px;font-size:18px; } .Floor002535 .wrap-top .con{ padding-bottom:3%;} @media(min-width:641px){ .Floor002535 .wrap-top .title{ position:absolute; left:0; top:-10%; height:100%;max-width:150px; width:12.5%;} .Floor002535 .wrap-top .title img{ margin-top:80%; width:60%; max-width:75px;} .Floor002535 .wrap-top .title::after{position:absolute;bottom:20%; left:50%; margin-left:-13px; } .Floor002535 .wrap-top .con{} } .Floor002535 .wrap-top .intro{ padding-bottom:2%;text-align: center;font-size: 30px;color: #333} .Floor002535 .wrap-top .intro span{display: block;text-transform: uppercase;font-weight: bold;font-size: 50px;font-family: Calibri;color: #24425c} .Floor002535 .dl_tab{text-align: center} .Floor002535 .dl_tab dd{font-size:16px; display: inline-block; width:30%;text-align:center; padding-bottom:17px;} .Floor002535_pro .dl_tab dd{ width: 19%;} .Floor002535 .dl_tab dd img{margin-right: 20px;margin-top: -6px} .Floor002535 .dl_tab dd a{ display:block; line-height:40px; color:#fff; border:1px solid #48baf8;background: #48baf8;} .Floor002535 .dl_tab dd.on{ background:url(../images/Floor002535_tab_aon.png) no-repeat center bottom;} .Floor002535 .dl_tab dd.on a{ background:#214d97; color:#fff;border-color: #214d97} .Floor002535 .list{position: relative} .Floor002535 .list .owl-stage-outer{ overflow:hidden;} .Floor002535 .list li{position:relative;transition:0.3s;overflow: hidden; float:left;} .Floor002535 .list li a, .Floor002535 .list li .txt-con, .Floor002535 .list li .txt{ position:absolute; left:0; width:100%; } .Floor002535 .list li a, .Floor002535 .list li .txt-con{height:100%;top:0;} .Floor002535 .list li a{ z-index:5;} .Floor002535 .list li .txt-con{ background:rgba(0,0,0,0.2); transition:0.3s;} .Floor002535 .list li:hover .txt-con{ background:rgba(0,0,0,0.5);} .Floor002535 .list li .Ispic{ padding-bottom:153.335%; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */ -webkit-filter: grayscale(40%); /* chrome+ */ filter: grayscale(40%); /* 未来浏览器 */ filter: gray; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);/*ie6-9 */ } .Floor002535 .list li:hover .Ispic{filter: url("data:image/svg+xml;utf8"); /* Firefox 3.5+ */ -webkit-filter: grayscale(0%); /* chrome+ */ filter: grayscale(0%); /* 未来浏览器 */ filter: ; /* ie6-8 */ filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);/*ie6-9 */ } .Floor002535 .list li .txt{ padding:0 6% 10%; color:#fff; bottom:36%; transition:0.3s;text-align: center} .Floor002535 .list li:hover .txt{bottom:38%;} .Floor002535 .list li .txt p{ margin:0 0 10% 0;} .Floor002535 .list li .txt span{ font-size:14px; max-width:60px; display:inline-block;opacity:0; transition:0.3s;width: 20%;} .Floor002535 .list li .txt span a{ display: inline-block} .Floor002535 .list li a {z-index: 5;} .Floor002535 .list li .txt li img {width: 48px;height: 48px;} .Floor002535 .list li .txt img {max-width: 70px;margin: 2% auto;} .Floor002535 .list li:hover .txt span{ opacity: 1} .Floor002535 .list li .tit{ position: absolute; left: 25px; top: 40px; font-size: 22px; z-index: 3; color: #fff; line-height: 1.2; transition: all .5s ease-in-out;width: 80%} .Floor002535 .list li .tit::after{ content: '';display: block;width: 30px;height: 1px;margin: 20px 0 0 0;background: #fff} .Floor002535 .list li .tit span{ font-family: Chaparral Pro; font-size: 30px; text-transform: uppercase; display: block;} .Floor002535 .list li .tit p{ display: none; color: #fff;font-size: 12px;padding: 10px 0} .Floor002535 .list li .more{ position: absolute; bottom: 25px; left: 25px; z-index: 3;color: #fff; font-size: 14px; padding-right: 20px; line-height: 14px;transition: all .5s ease-out;} .Floor002535 .list li .more i{ background: url(../images/Floor002279-icon.png) no-repeat right center; background-size: 100%; width: 14px; height: 14px; display: block; position: absolute; right: 0; top: 50%; margin-top: -7px;} .Floor002535 .owl-nav button {font-size: 0; width: 50px;height: 50px; border: none; position: absolute; top: 50%; margin-top: -25px; background: none; cursor: pointer; padding: 0;} .Floor002535 .owl-nav button.owl-prev {left: 1%;} .Floor002535 .owl-nav button.owl-next {right: 1%;} .Floor002535 .owl-nav button::before {position: absolute;content: '';width: 50%;height: 50%;border-top: 3px solid #fff;border-right: 3px solid #fff;top: 25%;left: 25%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .Floor002535 .owl-nav button.owl-prev::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .Floor002535 .list li:hover{ text-align: center;} .Floor002535 .list li:hover .tit{ transform: translate(-50%,-45%); top: 45%; text-align: center; left: 50%;} .Floor002535 .list li:hover .tit::after{ width: 0} .Floor002535 .list li:hover .more{ transform: translate(-50%,-60%); top: 61%; left: 50%; background-color: #214d97; width: 124px; height: 32px; line-height: 32px;} .Floor002535 .list li:hover .more i{ background-image: url(../images/Floor002279-icon_hover.png); right: 15px;} .Floor002535 .list li:hover .tit p{ display: block; font-size: 12px; opacity: 0.8; line-height: 20px; } .Floor002535_case .list ul{ display:none;} .Floor002535 .owl-carousel .owl-item{ float:left;} .Floor002535 .owl-dots{ display:none;} .Floor002535 .btn{ position:absolute; z-index:10; width:40px; height:60px; top:50%; margin-top:-30px; background:rgba(0,0,0,0.35); overflow:hidden; line-height:1000px; transition:0.2s;} .Floor002535 .btn::before{ position:absolute; content:''; width:14px; height:14px; transform:rotate(-45deg); top:50%; margin-top:-8px;border-top:2px solid #fff; border-left:2px solid #fff;} .Floor002535 .btn:hover::before{ border-color:#fff !important;} .Floor002535 .btn.swiper-prev{ left:2%;} .Floor002535 .btn.swiper-prev::before{ left:40%;} .Floor002535 .btn.swiper-next{ right:2%;} .Floor002535 .btn.swiper-next::before{ left:20%;transform:rotate(135deg);} @media(min-width:1366px){ .Floor002535 .list li:hover .more{ transform: translate(-50%,-60%); top: 64%; left: 50%; background-color: #214d97; width: 124px; height: 32px; line-height: 32px;} } @media(max-width:1200px){ .Floor002535 .wrap-top .more{ right:2%;} } @media(max-width:1024px){ .Floor002535 .list{ position:relative; z-index:11;} .Floor002535 .list .owl-nav{ position:absolute;left: 50%;bottom: -11%} .Floor002535 .list .owl-nav button{ cursor:pointer;background: #214d97; font-size:24px; height:30px; border:none; width:30px; color: #fff;line-height: 20px} .Floor002535 .owl-nav button.owl-prev {margin-left: -30px} .Floor002535 .owl-nav button.owl-next {margin-right: -30px} .Floor002535 .owl-nav button::before {display: none} .Floor002535_pro .dl_tab dd{ width: 30%;} } @media(max-width:640px){ .Floor002535{ font-size:16px;} .Floor002535 .wrap-top .more, .Floor002535 .dl_tab dd{font-size:14px;width:32%;} .Floor002535 .dl_tab dd img{display: none} .Floor002535 .wrap-top .title{ padding:2% 0;} .Floor002535 .wrap-top .title::after{ display:block; margin:10px auto 0; } .Floor002535 .wrap-top .intro{ padding-bottom:2%;text-align: center;font-size: 30px;color: #333} .Floor002535 .wrap-top .intro span{display: block;text-transform: uppercase;font-weight: bold;font-size: 36px;font-family: Calibri;color: #24425c} .Floor002535 .list li .tit{left: 15px;font-size: 18px;width: 90%} .Floor002535 .list li:hover .more{top: 78%;} } /* .Floor002418 为demo编号 */ /*out*/ .Floor002418{padding: 80px 0;background: #f8f8f8} /*inner*/ .Floor002418 .auto{ max-width: 1600px; position: relative;} @media only screen and (max-width:1366px ) { .Floor002418 .auto{ padding: 0 2%} } /*design max-width*/ @media only screen and (min-width: 1600px) { .Floor002418 .auto{} } .Floor002418 .wrap-container{ position: relative; z-index: 4;} .Floor002418 .left{float: left;width: 16%} .Floor002418 .wrap-tit{ color: #333;position: relative;} .Floor002418 .wrap-tit h2{ margin: 0 0 5px 0; font-size: 50px; font-family: Calibri; text-transform: uppercase; line-height: 1;color: #24425c} .Floor002418 .wrap-tit span{ font-size: 30px; display: block;} @media only screen and (min-width: 768px) { .Floor002418 .wrap-tit{} } @media only screen and (max-width:767px ) { .Floor002418 .wrap-tit .Dec-Line{ display: none;} } .Floor002418 .tabs{ padding-top: 50px;} .Floor002418 .tabs dd{ padding-right: 20px; margin-bottom: 20px;} .Floor002418 .tabs a{ display: block;width: 100%; height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #888;background: #48baf8;color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; } .Floor002418 .tabs dd.on a,.Floor002418 .tabs dd a:hover{ background: #214d97; color: #fff; } .Floor002418 .tabs dd.on{ background:url(../images/Floor002418_tab_aon.png)no-repeat right center; color: #fff; } .Floor002418 .tabs a img{margin-right: 20px;margin-top: -6px} @media(max-width:1366px){ .Floor002418 .tabs a img{margin-right: 10px;margin-top: -6px} } @media only screen and (min-width:768px ) { .Floor002418 .tabs{ } } .Floor002418 .list{position: relative;} .Floor002418 .list .owl-carousel .owl-stage-outer{} .Floor002418 .list{ padding: 0% 0;float: right;width: 80%} .Floor002418 .list li, .Floor002418 .list li .pic a{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; } .Floor002418 .list ul{ display:none;} .Floor002418 .list li{ background: #fff;} .Floor002418 .list li .pic{ overflow: hidden;} .Floor002418 .list li .pic a{ display: block; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%;padding-bottom: 60%} .Floor002418 .list li .pic a img{ visibility: hidden;} .Floor002418 .list li .word{ padding:20px 30px; position: relative;} .Floor002418 .list li .word h3{ font-weight: normal; margin: 0; font-size: 16px;} .Floor002418 .list li .word h3 a{ color: #333; display: inline-block;position: relative;font-size: 20px;} .Floor002418 .list li .word h3 a span{ position: absolute; top: 50%; margin-top: -2px; right: 0; height: 5px; width: 40px;} .Floor002418 .list li .word h3 a span:before, .Floor002418 .list li .word h3 a span:after{ content: ""; position: absolute; height: 1px; left: 0;} .Floor002418 .list li .word h3 a span:before{ width: 100%; background: #b2b2b2;top: 0;} .Floor002418 .list li .word h3 a span:after{ width: 50%; background: #eddac5; bottom: 0;} .Floor002418 .list li .word figure{ padding-top: 8px;color: #888;height: 54px;overflow: hidden;line-height: 24px} .Floor002418 .list li .word time{padding-top: 20px;display: block;color: #888;font-family: Conv_BebasNeue_Bold;} .Floor002418 .list li .word time b{font-size: 30px;} .Floor002418 .list li:hover{background: #214d97} .Floor002418 .list li:hover .pic a{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); } .Floor002418 .list li:hover .word figure{color: #fff} .Floor002418 .list li:hover .word h3 a{ color: #fff} .Floor002418 .list li:hover .word time{ color: #fff} .Floor002418 .list li:hover .word h3 a span:before, .Floor002418 .list li:hover .word h3 a span:after{ background: #e5d3c1;} .Floor002418 .list li:hover .word .more{ opacity: 1;} .Floor002418 .owl-nav{display: block!important} .Floor002418 .owl-nav button {font-size: 0; width: 50px;height: 50px; border: none; position: absolute; top: 40%; margin-top: -25px; background: none; cursor: pointer; padding: 0;} .Floor002418 .owl-nav button.owl-prev {left: 0%;} .Floor002418 .owl-nav button.owl-next {right: 0%;} .Floor002418 .owl-nav button::before {position: absolute;content: '';width: 50%;height: 50%;border-top: 3px solid #fff;border-right: 3px solid #fff;top: 25%;left: 25%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .Floor002418 .owl-nav button.owl-prev::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .Floor002418 .owl-dots{ display:none;} @media(max-width:768px){ .Floor002418{padding: 80px 0 40px;background: #f8f8f8} .Floor002418 .left{float: none;width: 100%} .Floor002418 .wrap-tit{text-align: center} .Floor002418 .wrap-tit h2{ margin: 0 0 5px 0; font-size: 36px; font-family: Calibri; text-transform: uppercase; line-height: 1;color: #24425c;} .Floor002418 .wrap-tit span{ font-size: 30px; display: block;} .Floor002418 .tabs{ padding: 2% 0;} .Floor002418 .tabs dd{ display: inline-block;width: 49%;padding-bottom: 17px;padding-right: 0;margin-bottom: 0px;} .Floor002418 .tabs dd a{font-size: 14px;margin-bottom: 0} .Floor002418 .tabs dd.on{ background:url(../images/Floor002535_tab_aon.png)no-repeat center bottom; color: #fff; } .Floor002418 .list{float: none;width: 100%} .Floor002418 .list li .word{ padding:10px 10px; position: relative;} .Floor002418 .list li .word h3 a{font-size: 16px;} .Floor002418 .owl-nav button {font-size: 0; width: 30px;height: 30px; border: none; position: absolute; top: 27%; margin-top: -25px; background: none; cursor: pointer; padding: 0;} .Floor002418 .list li .word time b{font-size: 20px;} .Floor002418 .tabs a img{margin-right: 10px;margin-top: -6px} } /* .Floor002369 为demo编号 */ .Floor002369{ padding: 3.5% 0 80px;background: url(../images/ho_18.png)top} .Floor002369 .auto{ max-width: 1600px; position: relative;} @media only screen and (max-width:1366px ) { .Floor002369 .auto{ padding: 0 2%} } .Floor002369 .wrap-header{ position: relative;text-align: center} .Floor002369 .wrap-header h2{ margin: 0; font-weight: normal; font-size: 30px; color: #333;} .Floor002369 .wrap-header h2 span{ color: #24425c;font-weight: bold;display: block;font-family: Calibri;font-size: 50px;display: block;text-transform: uppercase} .Floor002369 .wrap-header .p{ margin: 5px 0 0; font-size: 14px; color: #999;} .Floor002369 .wrap-container{ padding-top: 45px;} @media only screen and (min-width:768px ) { .Floor002369 .wrap-header h2{font-size: 22px;} } @media only screen and (min-width:1024px ) { .Floor002369 .wrap-header h2{font-size: 30px;} } @media only screen and (max-width:767px ) { .Floor002369{ padding: 30px 0;} } .Floor002369 .box li h3 a{} .Floor002369 .box+.box{} .piclist li{ position: relative;} .piclist h3{ margin: 0; font-weight: normal; font-size: 16px;background:rgba(0, 0, 0, 0.6) none repeat scroll 0 0 !important; filter:Alpha(opacity=40); background:#000; position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 3%;} .Floor002369 .piclist{ float: left;width: 45%} .Floor002369 .piclist li h3 a{ position: relative;z-index: 1; color: #fff;} .Floor002369 .piclist li h3 a:hover{ color: #fff;} .Floor002369 .piclist .pic{ display: block;} .piclist .owl-nav{ display: none} .piclist .owl-dots{ position: absolute; right: 3%; bottom: 17px;} .piclist .owl-dots >button{ display: inline-block;margin-left: 3px;background: none;border: none} .piclist .owl-dots >button span{ display: block; width: 10px; height: 10px; background: #fff; border-radius: 50%;} .piclist .owl-dots >button.active span{ background-color: #48baf8;} @media only screen and (min-width:1200px) and (max-width:767px) { .Floor002369 .piclist .pic{ background: none !important;} } @media only screen and (min-width:768px) and (max-width:1999px) { .Floor002369 .piclist .pic{ background-repeat: no-repeat; background-position: center center; background-size: cover; height: 500px; width: 100%;} .Floor002369 .piclist .pic img{ display: none;} } .newlist{ float: right;width: 50%;} .newlist li{ font-size: 14px;background: #fff;line-height: 50px;margin-bottom: 2px;transition: 0.3s} .newlist li+li{} .newlist li h3{ margin: 0; font-weight: normal; font-size: 16px;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis;float: left;width: 85%;position: relative} .newlist li h3 a{ position: relative;padding-left: 25px;color: #24425c} .newlist li h3:after{ position: absolute; right: 0; content: ""; background: #e1eef7; font-size: 14px;width: 1px;height: 60%;top: 10px} .newlist li time{ color: #999; display: block; float: left;width: 15%;padding-left: 22px} .newlist .more {display: block;width: 140px;font-size: 16px;color: #cdebff;padding-left: 18px;line-height: 53px;height: 50px;background: url(../images/HOME_70.jpg) no-repeat top center;margin-top: 35.5px;} .newlist li:hover{background: #204da0} .newlist li:hover h3 a{color: #fff} .newlist li:hover time{color: #fff} .newlist li h3 a :hover{color: #fff} @media(max-width:1366px){ .newlist li h3{width: 80%;} .newlist li time{ color: #999; display: block; float: left;width: 20%;padding-left: 22px} } @media only screen and (min-width:768px ) { .newlist li figure{ height: 44px; overflow: hidden;} } @media(max-width:768px){ .Floor002369 .wrap-header h2{ margin: 0; font-weight: normal; font-size: 30px; color: #333;} .Floor002369 .wrap-header h2 span{ color: #24425c;font-weight: bold;display: block;font-family: Calibri;font-size: 30px;display: block;text-transform: uppercase} .Floor002369 .wrap-container{ padding-top: 2%;} .Floor002369 .piclist{ float: none;width: 100%} .newlist{ float: none;width: 100%;} .piclist h3{font-size: 14px;} .newlist li h3{font-size: 14px;width: 75%;position: relative;padding-right: 10px} .newlist li h3 a{ position: relative;padding-left: 15px;color: #24425c} .newlist li time{ float: left;width: 25%;font-size: 12px} .newlist .more {margin: 35.5px auto 0;} } /* .Bottom002443 为demo编号 */ .Bottom002443,.Bottom002443 a{color: #636971;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .Bottom002443 a:hover{ color: #fff;} .Bottom002443{ background: url(../images/Bottom002443-bg.png) left top #2f353e;} .Bottom002443 .auto{ position: relative;max-width: 1600px} @media only screen and (max-width: 1200px) { .Bottom002443 .auto{ margin-left: 15px; margin-right: 15px;} } .Bottom002443 .bottom{ padding: 4% 0;} .Bottom002443 .nav{border-bottom: 1px solid #3b4542;padding-bottom: 3%} .Bottom002443 .nav .tit {float: left;width: 80%} .Bottom002443 .nav .tit h3{ color: #fff;font-size: 20px;margin: 0;padding-bottom: 30px;font-weight: normal} .Bottom002443 .nav .logo{ float: right;padding-top: 12px} .Bottom002443 .nav .logo img{max-width: 200px;} .Bottom002443 .nav a{margin-right: 5%;font-size: 16px} .Bottom002443 .contact h3{font-weight: normal;font-size: 20px;color: #fff} .Bottom002443 .nav .dl dt{ padding-bottom:15px;} .Bottom002443 .nav .dl dt a{ color:#fff; font-size:18px; line-height:24px;} .Bottom002443 .nav .dl dd{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .Bottom002443 .nav .dl dd a{ display:block; line-height: 30px;color: #fff;opacity: 0.32;} .Bottom002443 .nav .dl dd a:hover{opacity: 1;} .Bottom002443 .nav .dl{ float:left; padding: 15px 10% 15px 0;} @media(min-width:1366px){ .Bottom002443 .auto{ padding: 0 2%} .Bottom002443 .nav .dl{ float:left; padding: 15px 8% 15px 0;} } @media only screen and (max-width:1000px ) { .Bottom002443 .nav .dl{border-bottom: 1px solid #3b4542;} .Bottom002443 .nav .dl dt{ position: relative; margin-bottom: 0; margin-top: 0; padding-top: 10px;} .Bottom002443 .nav .dl dt:after{ position: absolute; content: ""; display: block; background: url(../images/Bottom002443-bottom_arrow.png) no-repeat right top; width: 11px; right: 3%; height: 20px; top: 50%; margin-top: -10px; transition: transform .5s ease-in;} .Bottom002443 .nav .dl dt.on:after{ transform: rotate(90deg);} .Bottom002443 .nav .dl .two{ display: none;background-color: #3b4542; padding: 15px;} } @media only screen and (min-width:1001px ) { .Bottom002443 .info{ float:right; width: 25%; text-align: right;padding-top: 26px} .Bottom002443 .contact{float: left;width: 70%;font-size: 16px;line-height: 30px;} } @media only screen and (max-width:1000px ) { .Bottom002443 .info{ padding: 3% 0;} .Bottom002443 .info>*{ text-align: center !important;} } .Bottom002443 .weixinbox{ margin: 10px 0 10px auto;} .Bottom002443 .weixinbox dd{ display: inline-block; width: 48%; max-width: 100px; margin-left: 10px;} .Bottom002443 .weixinbox dd span{ display: block; text-align: center; padding-top: 5px;} @media only screen and (max-width:1000px ) { .Bottom002443 .info .weixinbox{ margin: 10px auto;} } .Bottom002443 footer{ line-height:24px; position: relative; border-top: 1px solid #3b4542; padding: 20px 0 2%; } @media only screen and (max-width:1000px ) { .Bottom002443 footer{ text-align: center;} } .Bottom002443 footer .links a{ display:inline-block; position: relative;} .Bottom002443 footer .links a+a{ margin-left: 20px;} .Bottom002443 footer .links a+a:before{ content: ""; left: -10px; position: absolute; height: 50%; top: 25%; width: 1px; display: block; background: #3b4542; } @media only screen and (min-width:1001px ) { .Bottom002443 footer .links{ float: left;} } .Bottom002443 footer .copyright{ margin: 0;} @media only screen and (min-width:1001px ) { .Bottom002443 footer .copyright{ float: right;} } @media(max-width:768px){ .Bottom002443 .nav{} .Bottom002443 .nav .tit{text-align: center;float: none;width: 100%} .Bottom002443 .nav .tit a{font-size: 14px;margin-right: 2%} .Bottom002443 .nav .logo{display: none} .Bottom002443 .contact{text-align: center} } /* * Owl Carousel - Core 插件样式如遇多个只留一个 */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden; /* fix firefox animation glitch */ } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { animation-duration: 1000ms; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { animation-name: fadeOut; } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*Banner002167 */ .Banner002167{ position:relative; z-index:1;} .Banner002167 div{ height:330px; background-position:center top; background-repeat:no-repeat;} .Banner002167 img{ display:none;} .Banner002167 aside{ position:absolute; left:50%; top:50%; line-height:46px;height:46px; width:100%; font-size:33px; padding:0 2%; max-width:1200px; color:#fff; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} @media(max-width:1000px){ .Banner002167 div{ display:none;} .Banner002167 img{ display:block; width:100%;} } @media(max-width:640px){ .Banner002167 aside{ font-size:24px;} } /* .Location001757 为demo编号 */ .Location001757{ padding:10px 0;border-bottom:1px solid #f5f2f4; } .Location001757 .auto{ max-width: 1470px} .Location001757 .current{ line-height:37px; text-align:left;position: relative;padding-left: 20px} .Location001757 .current::before{content: "\e828";font-family: "iconfont" !important;font-size: 18px;position: absolute;top: 10px;left: 0;height: 17px;line-height: 17px;} .Location001757 .current span{color:#214d97;} .Location001757 .columnName{ font-size:30px; color:#25170f; line-height:normal; padding:3% 0;} .Location001757 .columnName span{ display:block; color:#cdc9c7; font-size:24px;} @media(max-width:1366px){ .Location001757{ padding:10px 2%;} } @media(max-width:640px){ .Location001757 .current{ font-size:12px;line-height: 24px;padding-left: 0} .Location001757 .current::before{font-size: 0px;} .Location001757 .columnName{ font-size:20px; } .Location001757 .columnName span{font-size:16px;} } /*Menu002662 */ .Menu002662{ text-align:center; padding:2% 2% 1% ; font-family:Arial, Helvetica, sans-serif;} .Menu002662 .columnname{ font-size:36px; color:#333333; padding-bottom:2%;} .Menu002662 .columnname1{ font-size:36px; color:#333333; padding-bottom:0%;} .Menu002662 .columnname1::after{ content: '';display: block;background: #333;width: 50px;height: 1px;margin:20px auto 0} .Menu002662 ul li{padding:0 15px 5px;} .Menu002662 ul li a{ display:block; background:#f4f4f4; color:#333333;padding:0 30px; line-height:45px; font-size:16px; text-transform:uppercase;} .Menu002662 ul li a:hover, .Menu002662 ul li.aon a{ background:#214d97; color:#fff;} @media(max-width:1024px){ .Menu002662 .columnname{ font-size:36px;} .Menu002662 ul{ display:block;} .Menu002662 ul li{padding:0 10px; float:left;} .Menu002662 ul li a{font-size:14px;} } @media(max-width:640px){ .Menu002662 .columnname{ font-size:20px;} .Menu002662 ul li{ float:left; width:33.333333%; padding:1px;} .Menu002662 ul li a{font-size:12px; padding:0; text-align:center;} } /* .PicList001307 为demo编号 */ .PicList001307{ padding-top:0%;padding-bottom:3%;} .PicList001307 .auto{ max-width: 1470px; position: relative;} .PicList001307 .list{ position: relative;padding-bottom: 3%} .PicList001307 .list .h3{ font-size: 22px;color: #214d97;border-bottom: 1px solid #eee;padding-bottom: 10px;} .PicList001307 .list .h3 img{ margin-right: 15px} .PicList001307 .list .h3 a{color: #214d97;} .PicList001307 .list .h3 span{ display: inline-block;height: 45px;line-height: 45px} .PicList001307 li{ position:relative;} .PicList001307 li:nth-child(3n){ margin-right:0;} .PicList001307 li img{ display:block; width:100%;} .PicList001307 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.5);} .PicList001307 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;} .PicList001307 li p{overflow:hidden; line-height:20px; height:40px; overflow:hidden; font-size:12px; margin:10px 0;} .PicList001307 li .more{ display:block; text-align:center; position:relative; line-height:43px; border-radius:5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); } .PicList001307 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;} .PicList001307 li figure{ height:0; overflow:hidden; transition:0.3s;} .PicList001307 li:hover figure{ height:103px;} .PicList001307 .owl-nav{display: block!important} .PicList001307 .owl-nav button {font-size: 0; width: 50px;height: 50px; border: none; position: absolute; top: 50%; margin-top: -25px; background: none; cursor: pointer; padding: 0;} .PicList001307 .owl-nav button.owl-prev {left: -3.5%;} .PicList001307 .owl-nav button.owl-next {right: -3.5%;} .PicList001307 .owl-nav button::before {position: absolute;content: '';width: 50%;height: 50%;border-top: 3px solid #555;border-right: 3px solid #555;top: 25%;left: 25%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .PicList001307 .owl-nav button.owl-prev::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .PicList001307 .owl-dots{ display:none;} @media(max-width:1366px){ .PicList001307{ padding:0% 2%;} .PicList001307 .owl-nav button.owl-prev {left: 0%;} .PicList001307 .owl-nav button.owl-next {right: 0%;} .PicList001307 .owl-nav button::before {position: absolute;content: '';width: 50%;height: 50%;border-top: 3px solid #fff;border-right: 3px solid #fff;top: 25%;left: 25%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} } @media(max-width:768px){ .PicList001307 li h3{ font-size:16px;} } @media(max-width:640px){ .PicList001307 li{ width:100%;} .PicList001307 li:nth-child(3n){ margin-right:0%;} .PicList001307 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList001307 li{ width:auto; float:none; margin-right:0 !important;} .PicList001307 li figure{ height:auto;} } @media(max-width:480px) and (min-width:376px){ .PicList001307 li .more{ line-height:33px;} .PicList001307 li:hover figure{ height:93px;} } /* .PicList001307 为demo编号 */ .PicList0013071{ padding-top:0%;} .PicList0013071_3{ padding-bottom:3%;} .PicList0013071 .auto{ max-width: 1470px; position: relative;} .PicList0013071 .list{ position: relative;padding-bottom: 3%} .PicList0013071 .list .h3{ font-size: 22px;color: #214d97;border-bottom: 1px solid #eee;padding-bottom: 10px;} .PicList0013071 .list .h3 img{ margin-right: 15px} .PicList0013071 .list .h3 span{ display: inline-block;height: 45px;line-height: 45px} .PicList0013071 li{ position:relative;width: 32%;margin-right: 2%;margin-bottom: 2%;float: left} .PicList0013071 li:nth-child(3n){ margin-right:0;} .PicList0013071 li img{ display:block; width:100%;} .PicList0013071 li dl{ position:absolute; left:0; bottom:0; width:100%; padding:3%; color:#fff; background-color:rgba(0,0,0,0.5);} .PicList0013071 li h3{ font-size:18px; font-weight:normal; margin:0; line-height:30px;} .PicList0013071 li p{overflow:hidden; line-height:20px; height:40px; overflow:hidden; font-size:12px; margin:10px 0;} .PicList0013071 li .more{ display:block; text-align:center; position:relative; line-height:43px; border-radius:5px; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(236,236,236,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(236,236,236,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); } .PicList0013071 li .more::before{ position:absolute; content:''; width:26px; height:26px; background:url(../images/PicList001307-more.png) no-repeat center center/contain; right:5%; top:50%; margin-top:-13px;} .PicList0013071 li figure{ height:0; overflow:hidden; transition:0.3s;} .PicList0013071 li:hover figure{ height:103px;} .PicList0013071 .owl-nav{display: block!important} .PicList0013071 .owl-nav button {font-size: 0; width: 50px;height: 50px; border: none; position: absolute; top: 50%; margin-top: -25px; background: none; cursor: pointer; padding: 0;} .PicList0013071 .owl-nav button.owl-prev {left: -3.5%;} .PicList0013071 .owl-nav button.owl-next {right: -3.5%;} .PicList0013071 .owl-nav button::before {position: absolute;content: '';width: 50%;height: 50%;border-top: 3px solid #555;border-right: 3px solid #555;top: 25%;left: 25%;transform: rotate(45deg);-webkit-transform: rotate(45deg);} .PicList0013071 .owl-nav button.owl-prev::before {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);} .PicList0013071 .owl-dots{ display:none;} @media(max-width:1366px){ .PicList0013071{ padding:0% 2%;} } @media(max-width:768px){ .PicList0013071 li h3{ font-size:14px;} } @media(max-width:640px){ .PicList0013071 li{ width:49%;} .PicList0013071 li:nth-child(3n){ margin-right:2%;} .PicList0013071 li:nth-child(2n){ margin-right:0;} } @media(max-width:375px){ .PicList0013071 li{ width:auto; float:none; margin-right:0 !important;} .PicList0013071 li figure{ height:auto;} } @media(max-width:480px) and (min-width:376px){ .PicList0013071 li .more{ line-height:33px;} .PicList0013071 li:hover figure{ height:93px;} } /* .RighInfo002228 为demo编号 */ .RighInfo002228{ padding:3% 0;} .RighInfo002228 .auto{ max-width:1470px;} .RighInfo002228 .single-header{ text-align:center;} .RighInfo002228 .single-header h1{ color:#333; font-size:20px; margin:0 0 10px 0; font-weight:normal;} .RighInfo002228 .single-header h3{color:#815122; font-size:16px; margin:0; font-weight:normal; position:relative;} .RighInfo002228 .single-header h1:after{ content:""; display:block; height:1px; background-color:#f3eee9; width:100%; z-index:1; margin-top:15px;} .RighInfo002228 .single-header h1 span{display: block;font-size: 14px;padding-top: 10px;color: #999} .RighInfo002228 .single-content{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden; font-size:14px; line-height:24px; color:rgb(0, 0, 0); padding:2% 0; border-bottom: 1px solid #f3eee9} .RighInfo002228 .single-content h3{font-size: 18px;color: #214d97;} .RighInfo002228 .single-content p{ text-indent:2em; margin:0;font-size: 15px;line-height: 30px!important} .RighInfo002228 .single-content p span{font-size: 15px;line-height: 30px} .RighInfo002228 .single-content p img{text-indent: 0;margin: auto;display: block;height: auto!important;} .RighInfo002228 .single-content ul li{ float: left;width: 32%;margin-right: 2%;margin-bottom: 2%;text-align: center;font-size: 15px;} .RighInfo002228 .single-content ul li img{ margin-bottom: 10px} .RighInfo002228 .single-content ul li:nth-child(3n){margin-right: 0;} .RighInfo002228 .btn{padding: 2% 0} .RighInfo002228 .back1{float: left;width: 90%;} .RighInfo002228 .back1 span{display: block;line-height: 26px;font-size: 15px} .RighInfo002228 .back2{float: right;width: 10%;text-align: right} .RighInfo002228 .back2 a{display: inline-block;width: 120px;height: 36px;line-height: 36px;background: #214d97;text-align: center;color: #fff;} @media(max-width:1366px){ .RighInfo002228{ padding:3% 2%;} } @media(max-width:950px){ .RighInfo002228 .auto{ padding:0 2%;} } @media screen and (min-width:465px){ .RighInfo002228 .col2{ width:32%;margin-right: 2%} .RighInfo002228 .col2+.col2{ margin-top:0;} } @media screen and (min-width:768px){ .RighInfo002228 .single-header h1{ font-size:24px;} .RighInfo002228 .single-header h3{ font-size:18px;} .RighInfo002228 .single-content p{ padding: 0;} .RighInfo002228 .single-header h3:after{ background-color:#f3eee9; position:absolute; top:50%; z-index:1; margin-top:0;} } @media screen and (min-width:1024px){ .RighInfo002228 .single-header h1{ font-size:30px;} } @media(max-width:768px){ .RighInfo002228 .back1{float: none;width: 100%;font-size: 12px} .RighInfo002228 .back1 span{font-size: 12px} .RighInfo002228 .back2{float: none;width: 100%;} .RighInfo002228 .back2 a{margin:20px auto;display: block} .RighInfo002228 .single-content ul li{ font-size: 12px;line-height: 20px} .RighInfo002228 .single-content ul li img{height: auto!important;} } .PicList001396{padding-top: 2%} .PicList001396 .auto{max-width: 1470px} .PicList001396 ul{display: flex; flex-flow: row wrap; gap:30px 20px;} .PicList001396 ul li{padding: 0 0 30px; border-bottom: 1px solid #eee; overflow:hidden;width: calc( ( 100% - 20px * 2) / 3);} /* .PicList001396 ul li:nth-child(1){padding-top: 0} */ .PicList001396 ul li .dot{font-size: 20px; color: #353535;padding-top: 2%;font-weight: bold} .PicList001396 ul li .dot:hover{color: #214d97;} .PicList001396 ul li p{color: #999; height: 50px; overflow: hidden; line-height: 28px;font-size: 15px} /* .PicList001396 ul li .pic{width: 20%; float: left;} */ .PicList001396 ul li .pic{ width: 100%; padding-top: 70%; display: block; position: relative;} .PicList001396 ul li .pic img{display: block; width: 100%; position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; -webkit-object-fit: cover;} .PicList001396 ul li .more{width: 122px; height: 34px; line-height: 34px; color: #fff; text-align: center; display: inline-block;background: #214d97;margin-top: 20px} /* .PicList001396 ul li figure{float: right; width: 78%;} */ .PicList001396 ul li figure{ width: 100%; padding-top: 10px;} @media(max-width: 1366px){ .PicList001396{padding: 2% 2% 0} } @media(max-width: 640px){ .PicList001396 ul li .pic {width: 100%;} .PicList001396 ul li figure { width: 100%;} .PicList001396 ul li .dot{font-size: 18px;} .PicList001396 ul li p{ line-height: 24px;font-size: 14px} .PicList001396 ul li .more{margin-top: 0px} .PicList001396 ul li{ width: 100%;} } @media(max-width: 375px){ .PicList001396 ul li .pic, .PicList001396 ul li figure{ float:none; width:auto;} .PicList001396 ul li figure{ padding-top:3%;} } /* .Page002274 为demo编号 */ .Page002274{ text-align:center; padding:2% 0 60px;color:#666666;} .Page002274_2{ display: none} .Page002274 .Pages *{ vertical-align:middle;} .Page002274 .Pages .p_cur, .Page002274 .Pages .p_count, .Page002274 .Pages .p_total{ display:none;} .Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;} .Page002274 .Pages a:hover, .Page002274 .Pages a.a_cur{ color:#fff; background-color:#214d97;} .Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;} .Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;} .Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;} .Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;} .Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; } .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end, .Page002274 .Pages .p_jump{ display:none;} @media(max-width:1000px){ .Page002274 .Pages em{ display:none;} } @media(max-width:640px){ .Page002274 .Pages a.a_first, .Page002274 .Pages a.a_end{ display:none;} .Page002274 .Pages a{ padding:0 10px;} .Page002274_1{ display: none} .Page002274_2{ display: block} } /* .RighInfo002254 为demo编号 */ .RighInfo002254 .auto{ max-width: 1470px;} .RighInfo002254{ padding:2% 0 1%;} .RighInfo002254 .list_img{ float:left; width:55.6%; position:relative;} .RighInfo002254 .big_img{ position:absolute; left:0; top:0; height:100%; width:80%;} .RighInfo002254 .big_img li, .RighInfo002254 .big_img li figure{ position:absolute; left:0; width:100%; top:0; height:100%;} .RighInfo002254 .big_img li figure{ border:1px solid #dcdcdc;background-size:contain;} .RighInfo002254 .list{ padding:42px 0 42px 82.9%;} .RighInfo002254 .list .bd{ position:relative;} .RighInfo002254 .list a{ position:absolute; width:17.1%; height:40px; right:0; background:url(../images/RighInfo002254-btn_prev.png) no-repeat center center/auto 50%; cursor:pointer;} .RighInfo002254 .list a.prev{ top:0;} .RighInfo002254 .list a.next{ bottom:0; background-image:url(../images/RighInfo002254-btn_next.png);} .RighInfo002254 .list a.prevStop, .RighInfo002254 .list a.nextStop{ cursor:default;} .RighInfo002254 .list li{ height:130px; position:relative;} .RighInfo002254 .list li figure{ position:absolute; left:0; width:97%; top:9px; bottom:15px; background-size:contain; border:1px solid #f2f2f2;} .RighInfo002254 .list li.on figure{ border:2px solid #214d97;} .RighInfo002254 .right_info{ float:right; width:39.2%;} .RighInfo002254 .right_info h1, .RighInfo002254 .right_info p{ margin:0;padding:5% 0;border-bottom:1px solid #e7e8e8;} .RighInfo002254 .right_info h1{ padding:7% 0; color:#214d97; font-size:26px; } .RighInfo002254 .right_info h3{ font-size:18px; font-weight:normal;margin-bottom: 0;color: #214d97;} .RighInfo002254 .right_info p{line-height:30px; color:#999; margin-bottom:10%;padding-top: 3%;font-size: 16px} .RighInfo002254 .right_info a{ display:inline-block; padding:10px 5%; color:#fff; transition:0.4s;background: #214d97;float: right;} .RighInfo002254 .right_info a:hover{ background-color:#214d97; color:#fff;} .RighInfo002254 .tab{ padding:3% 0;} .RighInfo002254 .tab .h1_tab{ margin:0; border-bottom:1px solid #e7e8e8; overflow:hidden; font-size:16px; font-weight:normal; color:#000;} .RighInfo002254 .tab .h1_tab span{ float:left; padding:0 5%; line-height:50px; background-color:#f2f2f3; margin-right:4px; cursor:pointer;} .RighInfo002254 .tab .h1_tab span.on{ background-color:#214d97; color:#fff;} .RighInfo002254 .tab .info{ padding-top:3%;} .RighInfo002254 .tab .info p{font-size: 16px;line-height: 30px} .RighInfo002254 .tab .info .p{ text-indent: 2em;font-size: 16px;line-height: 30px} .RighInfo002254 .tab .info p b{ color: #214d97;font-size: 18px} .RighInfo002254 .tab .info li{ float: left;width: 23.5%;margin-right: 2%;margin-bottom: 2%;} .RighInfo002254 .tab .info li:nth-child(4){margin-right: 0%;} .RighInfo002254 .ul_download li{ border-bottom:1px solid #d1d1d3; line-height:34px; background:url(../images/RighInfo002254-icon_download.png) no-repeat right center; padding:10px 0;} .RighInfo002254 .ul_download li a{ padding:0 38px; background:url(../images/RighInfo002254-icon.png) no-repeat left center;} @media(max-width:1366px){ .RighInfo002254{ padding:2% 2% 1%;} } @media(max-width:768px){ .RighInfo002254 .list_img, .RighInfo002254 .right_info{ float:none; width:auto;} .RighInfo002254 .right_info p{margin-bottom:2%;font-size: 14px;line-height: 24px} .RighInfo002254 .right_info a{float: left;} .RighInfo002254 .tab{ padding:6% 0 3%;} .RighInfo002254 .tab .h1_tab span{ padding:0 5%; line-height:40px;} } @media(max-width:640px){ .RighInfo002254 .list li{ height:100px;} .RighInfo002254 .right_info h1{font-size:20px; } .RighInfo002254 .right_info h3{ font-size:16px;} .RighInfo002254 .tab .info p{font-size: 14px;line-height: 24px} .RighInfo002254 .tab .info .p{font-size: 14px;line-height: 24px} } @media(max-width:480px){ .RighInfo002254 .list{ padding-top:30px; padding-bottom:30px;} .RighInfo002254 .list a{ height:28px;} .RighInfo002254 .list li{ height:80px;} .RighInfo002254 .tab .h1_tab{ font-size:14px;} .RighInfo002254 .tab .h1_tab span{ padding:0 5%;} } /* .RighInfo002452 为demo编号 */ .RighInfo002452{ position: relative;padding: 3% 0} .RighInfo002452 .auto{max-width: 1470px;position: relative} .RighInfo002452 .bigimg{width: 50%; position: absolute; left: 0; top: 0; padding: 1px 0; height: 100%; overflow: hidden;} .RighInfo002452 .bigimg span{ display: block; background-size: cover; background-repeat: no-repeat; background-position: center;padding-bottom: 90%;} .RighInfo002452 .bigimg span img{ visibility: hidden;} .RighInfo002452 .more{text-align: center} .RighInfo002452 .more a{display: inline-block;width: 140px;height: 40px;line-height: 40px;color: #214d97; border:1px solid #e7e8e8;} .RighInfo002452 .more a:hover{background-color:#214d97; color:#fff;}} @media only screen and (max-width:1000px ) { .RighInfo002452 .bigimg{ width: 100%; position: static; padding-top: 6%;} } .RighInfo002452 .right-content{ float: right; width: 50%; padding: 3.28% 5% 5.28%; color: #333; line-height: 28px;} @media only screen and (max-width:1366px ) { .RighInfo002452 .right-content{ padding: 3% 5%;} } @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content{ float: none; width: 100%;} } .RighInfo002452 .right-content .inner{} @media only screen and (max-width:1000px ) { .RighInfo002452 .right-content .inner{ max-width:none;} } .RighInfo002452 .right-content .tit{ font-size: 26px; margin: 0;color: #214d97} .RighInfo002452 .right-content dl{ padding: 10% 0 5%;font-size: 15px} .RighInfo002452 .right-content .tits{ color: #333;} .RighInfo002452 .right-content .con{ font-size: 15px;color: #666} .RighInfo002452 .smalllist{ padding: 15% 0 10%;} .RighInfo002452 .smalllist li{ float: left; width: 64px; height: 60px; margin-right: 2px; position: relative;} .RighInfo002452 .smalllist li.on:before{ position: absolute; top: 0; content: ""; left: 0; width: 100%; height: 100%;background:rgba(33, 77, 151, 0.7) none repeat scroll 0 0 !important;filter:Alpha(opacity=70); background: #214d97;} .RighInfo002452 .smalllist li a{ cursor: pointer;} @media only screen and (max-width:1000px ) { .RighInfo002452 .smalllist{ padding: 6% 0;} } .RighInfo002452 .gopage{} .RighInfo002452 .gopage a{ display: inline-block; max-width: 180px; padding: 2% 2%; border: 2px solid #214d97; text-align: center; width: 45%; color: #214d97; transition:all .3s ease-in-out; } .RighInfo002452 .gopage a:hover{ color: #fff; background-color: #214d97;} /* .PicList002273 为demo编号 */ .PicList002273{padding-top: 8%;} .PicList002273 .auto{max-width: 1470px;} .PicList002273 .left img{width: 100%;} .PicList002273 .right .time{color: #999;padding: 2px 0px;margin-top: 8px;display: inline-block;} .PicList002273 .right .h3{color: #313131;font-size: 20px;font-weight: normal;margin: 10px 0;} .PicList002273 .right .p{color: #999;font-size: 14px;} .PicList002273 ul li{margin-bottom: 30px;padding: 18px 20px;border: 1px solid #eee;} .PicList002273 ul li:hover{box-shadow: 0px 0px 30px #ccc;} .PicList002273 ul li:hover a{color: #214d97} @media(max-width:1366px){ .PicList002273{padding: 8% 2% 0;} } @media screen and (min-width:768px ) { .PicList002273 .left{float: left;width: 25%;} .PicList002273 .right{float: right;width: 72%;} .PicList002273 .right .time{margin-top: 0px;} .PicList002273 ul li{} } @media screen and (min-width:1024px ) { .PicList002273 .right .time{margin-top: 15px;} .PicList002273 ul li{position: relative;} .PicList002273 ul li .right_btn{width: 11px;height: 19px;background: url(../images/PicList002273-arrow_right.png) no-repeat center;display: inline-block;position: absolute;top: 50%;right: 48px;cursor: pointer;margin-top: -10px} .PicList002273{padding-top: 2%;} } @media screen and (min-width:1200px ) { .PicList002273 .left{float: left;margin-right: 50px;} .PicList002273 .right{float: left;width: 60%;} .PicList002273 .right .time{margin-top: 14px;} .PicList002273 .right .h3{margin: 20px 0 17px;} .PicList002273 .right .p{line-height: 19px;} .PicList002273 ul li{padding-right: 20px;} } @media(max-width:768px){ .PicList002273 .right .h3{font-size: 18px;} } /*RighInfo002519 */ .RighInfo002519{ padding:1% 0;} .RighInfo002519 .auto{border-top: 1px solid #f3eee9;max-width: 1470px; padding:2% 0;} .RighInfo002519 p{font-size: 16px;line-height: 30px;color: #666;text-indent: 2em} .RighInfo002519 .list_img_group{ margin:3% 0;} .RighInfo002519 .list_img_group li{ text-align:center;} @media(max-width:1366px){ .RighInfo002519{ padding:1% 2% 0;} } @media(min-width:641px){ .RighInfo002519 .list_img_group li{ float:left; width:31.5%;margin-right: 2%} .RighInfo002519 .list_img_group li:nth-child(3){margin-right: 0} } @media(max-width:640px){ .RighInfo002519 .list_img_group li{ margin:2% 0;} } .addHistory{padding: 2% 0} .addHistory .auto{max-width: 1470px} .addHistory li{list-style: none;} .addHistory p{margin: 0;padding: 0;} .addHistory .topBox{position: relative;margin-bottom: 80px;} .addHistory .topBox:after{content: '';position: absolute;bottom: 2px;;left: 0;width: 100%;height: 5px;background: url('../images/history.png') repeat center center / 10px 5px;} .addHistory .topBox ol{display: flex;} .addHistory .topBox ol li{float: left;min-width: 80px;width: 10%;text-align: center;} .addHistory .topBox ol li:after{content: '';display: block;margin: 0 auto; width: 10px;height: 10px;position: relative;z-index: 2;background: #214d97;} .addHistory .topBox p{color: #555;font-size: 16px;line-height: 30px;margin-bottom:20px;transition: all .3s;cursor: pointer;} .addHistory .topBox p:hover, .addHistory .topBox p.on{font-size: 24px;color: #214d97} .addHistory .slideBox{overflow: hidden;box-sizing: border-box;} .addHistory .slideWrap{transform: translate(0,0);transition: all .5s;} .addHistory .item{float: left;padding:0 100px;box-sizing: border-box;position: relative;} .addHistory .item .prev, .addHistory .item .next{content: '';width: 50px;height: 50px;position: absolute;top:45px;cursor: pointer;} .addHistory .item .prev{background: url('../images/history_prev.jpg') center center / cover;left: 0;} .addHistory .item .next{background: url('../images/history_next.jpg') center center / cover;right: 0;} .addHistory .item .prev:hover{background-image: url('../images/history_prev_on.jpg');} .addHistory .item .next:hover{background-image: url('../images/history_next_on.jpg');} .addHistory .item .pic{float:left;width: 31%;} .addHistory .item .pic ol{width: 100%%;padding-bottom: 100%;position: relative;} .addHistory .item .pic li{transition: all .3s;opacity: 0;position: absolute;width:100%;height: 100%;top: 0;left:0;background: no-repeat center center / cover;} .addHistory .item .pic li.on{opacity: 1;} .addHistory .item .txt{float:right;width: 64%;position: relative;} .addHistory .item ul{position: absolute;width: 100%;left: 0;top: 0;display: none;} .addHistory .item ul.on{display: block;} .addHistory .item ul li{cursor: pointer;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 16px;line-height: 24px} .addHistory .item ul li:hover, .addHistory .item ul li.cur{color: #214d97;} .addHistory .item ul li~li{margin-top:19px} @media(max-width:1366px){ .addHistory{padding: 2% 2% 0} } @media (max-width: 1024px) { .addHistory .topBox ol li{flex-shrink: 1;} .addHistory .item{padding:0 40px;} .addHistory .item .prev, .addHistory .item .next{width: 30px;height: 30px;top:25px;} .addHistory .topBox .auto{ overflow-x: auto; } } @media (max-width: 768px) { .addHistory .topBox{position: relative;margin-bottom: 20px;} .addHistory .topBox p:hover, .addHistory .topBox p.on{font-size: 20px;} .addHistory .item .pic{width: 100%;margin-bottom: 10px;border: 1px solid #eee;} .addHistory .item .pic ol{padding-bottom: 80%;} .addHistory .item .pic li{background-size: contain;} .addHistory .item .txt{width: 100%;height: 220px;} .addHistory .item ul li~li{margin-top:10px} .addHistory .item .prev, .addHistory .item .next{top:280px;} } @media (max-width: 640px) { .addHistory .slideBox{margin: 0 auto;width: 96%;padding: 0;} .addHistory .item .pic{width: 100%;margin-bottom: 10px;border-top: 1px solid #f3eee9;} .addHistory .item .txt{height: 80px;width: 100%;} .addHistory .item ul li{cursor: pointer;overflow:visible;text-overflow:initial;white-space:normal;} .addHistory .item ul li~li{margin-top:10px} .addHistory .item .prev, .addHistory .item .next{top:180px;} } /* .PicList002239 为demo编号 */ .PicList002239{ padding:1% 0 0;} .PicList002239 .auto{max-width: 1470px;border-top: 1px solid #f3eee9;padding:2% 0 0;} .PicList002239 li{ border-bottom: 1px solid #e3e3e3; margin-bottom: 3%; float:left; } @media(min-width:769px){ .PicList002239 li{margin-right:5%; width:30%; } .PicList002239 li:nth-child(3n){ margin-right:0;} } .PicList002239 li .Ispic{ padding-bottom:68%; background-size:contain;} .PicList002239 li dl{ position:relative; margin:0 10px; padding-right:114px; line-height:50px;} .PicList002239 li dd{ position:absolute; right:0; top:0; color: #999;padding-left: 30px; background: url(../images/PicList002239-icon.png) no-repeat left center;} .PicList002239 li dt{font-size: 16px; color: #214d97;} @media(max-width:768px){ .PicList002239 li{ width:48%; margin-right:4%;} .PicList002239 li:nth-child(2n){ margin-right:0;} } /* TextList000858 为demo编号 */ .TextList000858 .auto{max-width: 1470px;padding-top: 1%} .TextList000858 ul{ overflow:hidden;} .TextList000858 ul li{} .TextList000858 ul li span,.TextList000858 ul ol span{ width:25%; float:left; position:relative; font-weight:bolder; background: #214d97; margin-bottom: 5px; line-height:45px; height:45px; color:#fff; text-align:center; cursor:pointer;font-size: 15px} .TextList000858 ul li span{ background:#e5e5e5; color:#333; font-weight:normal;} .TextList000858 ul ol span::before{ content:""; position:absolute; left:0; width:1px; height:45px; background:#fff;} .TextList000858 ul li span:first-child{ padding:0 3.5%; width:25%;} .TextList000858 ul li span em{ font-style:normal; width:15px; height:15px; border-radius:3px; text-align:center; line-height:15px; color:#fff; font-weight:normal; position:absolute; left:10%; top:15px; background:#214d97; display:block; font-size:18px;} .TextList000858 ul li dl{ display:none; position:relative; padding:0px 168px 20px 28px;} .TextList000858 ul li dl a{color:#214d97; font-weight:bold;font-size: 16px;padding: 30px 0;display: block} .TextList000858 ul li dl dt{ font-size:16px; font-weight:bold; color:#333;height:30px; line-height:30px;margin-top: 20px} .TextList000858 ul li dl dd{ font-size:15px; color:#666; line-height:30px;} .TextList000858 ul li dl dd.dd{ color:#333; line-height:30px;font-size: 16px;font-weight: bold} .TextList000858 ul li dl .txt{font-size:15px;line-height:30px;color:#666;margin-top: 10px;} @media (max-width:1366px){ .TextList000858{padding:0 2%} } @media (max-width:768px){ .TextList000858 ul li dl a{ position:static; display:block; margin-top:15px;} .TextList000858 ul li dl{ padding:28px} .TextList000858 ul li span em{display: none} .TextList000858 ul li span:first-child{ padding:0 2%; width:25%;} } @media (max-width:480px){ .TextList000858 ul li span{ font-size:12px;} .TextList000858 ul li span:first-child{ padding:0 2%; width:25%;} .TextList000858 ul li span em{ left:5%;} } @media (max-width:320px){ .TextList000858 ul li span em{ left:2%;} } /* .RighInfo002223 为demo编号 */ .RighInfo002223{background-color: #fff;padding-top: 1%} .RighInfo002223 .auto{padding-bottom: 3%;border-top: 1px solid #f3eee9;max-width: 1470px} .RighInfo002223 .pic{margin-top: 20px;} .RighInfo002223 .h3{color:#fff;line-height:50px;margin:0; font-size: 20px;background: #214d97;width: 200px;height: 50px;text-align: center;font-weight: normal;margin-top: 3%} .RighInfo002223 .h4{font-size:16px;color:#1f71c3;margin:30px 0px 0 0;} .RighInfo002223 .h4:after{color:#8fb8e1;width:50px;height:2px;background:#8fb8e1;border:none;margin:15px 0px; content: ""; display: block;} .RighInfo002223 .ul{ margin: 0; clear: both;} .RighInfo002223 .ul li{font-size:15px;line-height:30px;} .RighInfo002223 .ul li span{font-family:Arial;font-size:16px;color:#1f71c3;font-weight:bold;} .RighInfo002223 p{line-height:30px;font-size:15px;color:#666;clear:both;} .RighInfo002223 p img{margin: auto;display: block} @media (max-width:1366px){ .RighInfo002223{padding: 1% 2% 0} } @media screen and (min-width: 1024px){ .RighInfo002223 .h3{font-size: 24px;} .RighInfo002223 .pic{width:23.765%;} .RighInfo002223 .con{} } @media screen and (min-width: 768px){ .RighInfo002223 .h3:after,.RighInfo002223 .h3:after{ margin: 25px 0;} .RighInfo002223 .h4{font-size:18px; margin-top: 35px;} } /* .RighInfo002275 为demo编号 */ .RighInfo002275 .p,.RighInfo002275 .h2,{} .RighInfo002275{padding: 0% 0 8%} .RighInfo002275 .auto{max-width: 1470px} .RighInfo002275 .h3{color:#fff;line-height:50px;margin:0; font-size: 20px;background: #214d97;width: 200px;height: 50px;text-align: center;font-weight: normal;} .RighInfo002275 h4{font-size: 20px;color: #214d97} .RighInfo002275 h4::after{content: '';width: 50px;height: 4px;background: #214d97;margin: 30px 0 0 0;display: block} .RighInfo002275 h4 span{font-size: 16px;color: #999;display: block;font-weight: normal} .RighInfo002275 .text{margin-bottom: 30px} .RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;} .RighInfo002275 .text .title span{font-weight: 700;} .RighInfo002275 .text .p{font-size: 16px;color:#666;line-height: 38px; margin: 0; padding: 0;} .RighInfo002275 .map{width: 100%;height: 200px;} .RighInfo002275 .map #map{height: 100%;} .RighInfo002275 .map img{max-width: none !important;} @media screen and (min-width: 768px) { .RighInfo002275 .text{float: left;width: 45%;} .RighInfo002275 .map{float: right;width: 50%;height: 260px;} } @media screen and (min-width: 1024px) { .RighInfo002275 .auto{background: url(../images/RighInfo002275-contact_bg.png) no-repeat center;} .RighInfo002275 .map{float: right;width: 50%;height: 320px;} .RighInfo002275 .text .title{font-size: 52px;} } @media screen and (min-width: 1200px) { .RighInfo002275{padding: 0px 0 70px} .RighInfo002275 .text .title{margin-bottom: 75px} .RighInfo002275 .map{width: 830px;height: 430px;} .RighInfo002275 .text{width: 40%;} } @media (max-width:1366px){ .RighInfo002275{padding: 0% 2% 8%} .RighInfo002275 .text{width: 35%;} } @media (max-width:768px){ .RighInfo002275 .text{float: none;width: 100%;} .RighInfo002275 .map{float: none;width: 100%;height: 430px; overflow:hidden;} } /*RighInfo001774*/ .RighInfo001774{ padding:2% 0 3%;} .RighInfo001774 .auto{max-width: 1470px} .RighInfo001774 .list_img{float:left; width:45%;} .RighInfo001774 .big{ margin-bottom:10px;} .RighInfo001774 .big li figure{border:1px solid #e5e5e5; padding-bottom:65%; background-size:cover;} .RighInfo001774 .scroll li img, .RighInfo001774 .big li img{ display:none;} .RighInfo001774 .scroll{ padding:0 30px; position:relative; overflow:hidden;} .RighInfo001774 .scroll a{ position:absolute; height:100%; top:0; width:25px; z-index:10; cursor:pointer;} .RighInfo001774 .scroll a.prev{ left:0;} .RighInfo001774 .scroll a.next{ right:0;} .RighInfo001774 .scroll a.prevStop, .RighInfo001774 .scroll a.nextStop{ cursor:default;} .RighInfo001774 .scroll a span{ position:absolute; font-size:20px; left:50%; top:50%; margin-left:-10px; margin-top:-10px; color:#214d97;} .RighInfo001774 .scroll .bd li{ float:left;} .RighInfo001774 .scroll li figure{ margin:0 auto; padding-bottom:65%; background-size:cover; max-width:90%; border:1px solid #e5e5e5;} .RighInfo001774 .scroll li.on figure{ border-color:#214d97;} .RighInfo001774 .intro{ float:right; width:52%;padding: 2% 3%;} .RighInfo001774 .intro h3{font-size: 26px;color: #214d97;margin: 0;border-bottom: 1px solid #eee;padding-bottom: 20px} .RighInfo001774 .intro dl{ padding: 5% 0 5%;font-size: 15px;} .RighInfo001774 .intro dl .tits{color: #214d97;font-weight: bold;font-size: 16px} .RighInfo001774 .intro .con{font-size: 15px;line-height: 30px;border-bottom: 1px solid #eee;padding-bottom: 30px} .RighInfo001774 .intro .con .tits{color: #214d97;font-weight: bold;font-size: 16px} .RighInfo001774 .btn{padding: 6% 0 0;position: relative} .RighInfo001774 .gopage a{ display: inline-block; max-width: 180px; padding: 2% 2%; border: 2px solid #214d97; text-align: center; width: 45%; color: #214d97;transition:all .3s ease-in-out;} .RighInfo001774 .gopage a:hover{ color: #fff; background-color: #214d97;} .RighInfo001774 .more{position: absolute;bottom: 6px;right: 0%;width: 120px;height: 36px;background: #214d97;color: #fff;text-align: center;line-height: 36px;} @media(max-width:1366px){ .RighInfo001774{ padding:2% 2% 3%;} } @media(max-width:1000px){ .RighInfo001774 .intro{width:55%; margin-right:0;} } @media(max-width:768px){ .RighInfo001774 .list_img, .RighInfo001774 .guess_like, .RighInfo001774 .faq, .RighInfo001774 .intro{ float:none; width:auto; margin-bottom:3%;} .RighInfo001774 .tableInfo dd{ width:50%;} .RighInfo001774 .Pages .p_jump{ display:none;} .zoomContainer{ display:none !important;} .RighInfo001774 .intro h3{font-size: 20px;} .RighInfo001774 .intro dl{ padding: 5% 0 5%;font-size: 14px;} .RighInfo001774 .intro .con{font-size: 14px;line-height: 24px;} .RighInfo001774 .gopage a{ width: 49%;} .RighInfo001774 .more{position: relative;display:block;margin:20px auto 0;bottom: 0px;right: 0%;width: 120px;height: 36px;background: #214d97;color: #fff;text-align: center;line-height: 36px;} } @media(max-width:640px){ .RighInfo001774 .list dl{ font-size:12px;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ padding:10px;} } @media(max-width:480px){ .RighInfo001774 .list dl:nth-child(2n){ background-color:#ececec;} .RighInfo001774 .list dt, .RighInfo001774 .list dd{ display:block; width:auto !important;} .RighInfo001774 .list dd{ border-top:1px dashed #d2d2d2} .RighInfo001774 .list dd.name{ border-left:0;} } /* * .Floor001025 为demo编号 */ .Floor001025{ padding: 2% 0;} .Floor001025 .auto{ max-width: 1470px;position: relative} .Floor001025 .ti{ text-align: center; font-size: 36px; line-height: 1.5; text-transform: uppercase;} .Floor001025 .slick-slider{ position: relative; display: block; margin-bottom: 30px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .Floor001025 .slick-list{ position: relative; overflow: hidden; display: block; margin: 0; padding: 0;} .Floor001025 .slick-list:focus { outline: none;} .Floor001025 .slick-list.dragging { cursor: pointer; cursor: hand;} .Floor001025 .slick-slider .slick-track, .Floor001025 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .Floor001025 .slick-track { position: relative; left: 0; top: 0; display: block;} .Floor001025 .slick-track:before, .Floor001025 .slick-track:after { content: ""; display: table;} .Floor001025 .slick-track:after { clear: both;} .Floor001025 .slick-slide { float: left; /*height: 100%;*/ min-height: 1px; display: none;} [dir="rtl"] .slick-slide { float: right;} .Floor001025 .slick-slide img { display: block; width: 570px; height: 380px;padding: 10px} .Floor001025 .slick-slide.slick-loading img { display: none;} .Floor001025 .slick-slide.dragging img { pointer-events: none;} .Floor001025 .slick-initialized .slick-slide{ display: block;} .Floor001025 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;} .Floor001025 .slick-arrow.slick-hidden { display: none;} .Floor001025 .slick-loading .slick-slide {visibility: hidden;} .Floor001025 .slick-loading .slick-track { visibility: hidden;} .Floor001025 .slick-loading .slick-list { background: #fff url("../images/Floor001025-loader.gif") center center no-repeat;} .Floor001025 .carousel-center-mode .slick-slide { outline: none; padding: 0 15px;} .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail { transition: 450ms;} @media (min-width: 1200px) { .Floor001025 .carousel-center-mode .slick-track{ display: -ms-flexbox; display: -webkit-flex;display: flex;-ms-flex-align: center; -webkit-align-items: center; align-items: center;} .Floor001025 .carousel-center-mode .slick-slide{ position: relative; padding: 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-ms-flex-pack: center;} .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail{ min-width: 450px;-webkit-transform: scale(0.85);transform: scale(0.85);box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);} .Floor001025 .carousel-center-mode .slick-slide h5{ font-size: 16px; transition: 0s;margin: 0} .Floor001025 .carousel-center-mode .slick-slide p{ font-size: 12px; transition: 0s;} .Floor001025 .carousel-center-mode .slick-slide.slick-active{ cursor: pointer;} .Floor001025 .carousel-center-mode .slick-slide.slick-center{ z-index: 10; cursor: default;} .Floor001025 .carousel-center-mode .slick-slide.slick-center .image-thumbnail{ min-width: 570px; -webkit-transform: scale(1);transform: scale(1);box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.2);} .Floor001025 .carousel-center-mode .slick-slide.slick-center h5{ font-size: 20px;margin: 0;z-index: 10;} .Floor001025 .carousel-center-mode .slick-slide.slick-center p{ font-size: 14px;} } .Floor001025 .image-thumbnail { max-width: 570px; margin-left: auto; margin-right: auto; position: relative;overflow: hidden;} .Floor001025 .image-thumbnail img {} .Floor001025 .image-thumbnail .caption { padding: 20px;} @media (min-width: 1366px) { .Floor001025 .carousel-center-mode .slick-slide .image-thumbnail{ box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.0);} } @media (min-width: 768px) { .Floor001025 .image-thumbnail .caption { left: 0; right: 0; bottom: 0; text-align: left;} .Floor001025 .image-thumbnail .caption p { line-height: 21px;} .Floor001025 .image-thumbnail .caption h5 + p { margin-top: 12px;} } @media (min-width: 1200px) { .Floor001025 .image-thumbnail .caption { padding: 30px 35px;text-align: center;background: #fff} } /* Icons */ /* Arrows */ .Floor001025 .slick-prev, .Floor001025 .slick-next { position: absolute; display: block; height: 60px; width: 50px; line-height: 0; font-size: 0; cursor: pointer; background: #e7ecef; color: transparent; top: 28%; padding: 0; border: none; outline: none; z-index: 9; transition: 350ms; margin-top: -10px\9; /*lte IE 8*/ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .Floor001025 .slick-prev:hover, .Floor001025 .slick-prev:focus, .Floor001025 .slick-next:hover, .Floor001025 .slick-next:focus { outline: none; background-color: #214d97;} .Floor001025 .slick-prev:hover:before, .Floor001025 .slick-prev:focus:before, .Floor001025 .slick-next:hover:before, .Floor001025 .slick-next:focus:before { color: #fff;} .Floor001025 .slick-prev.slick-disabled:before, .Floor001025 .slick-next.slick-disabled:before { opacity: 0.5;} @media (min-width: 768px) { .Floor001025 .slick-prev, .Floor001025 .slick-next { top: 50%;} } @media (max-width: 768px) { .Floor001025 .slick-prev, .Floor001025 .slick-next { top: 40%;} .Floor001025 .image-thumbnail .caption { padding: 0px;text-align: center;font-size: 16px} } .Floor001025 .slick-prev:before, .Floor001025 .slick-next:before { font-size: 24px; line-height: 1; color: #888; opacity: 0.75;font-family: 'Glyphicons Halflings'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-prev { border-radius: 50% 0 0 50% ; left: 0;} [dir="rtl"] .slick-prev { left: auto; right: 0;} .Floor001025 .slick-prev:before { content: "\e257";} [dir="rtl"] .slick-prev:before { content: "\e257";} .Floor001025 .slick-next { border-radius:0 50% 50% 0; right: 0;} [dir="rtl"] .slick-next { left: 0; right: auto;} .Floor001025 .slick-next:before { content: "\e258";} [dir="rtl"] .slick-next:before { content: "\e258";} /* Dots */ .Floor001025 .slick-dots{ position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%;} .Floor001025 .slick-dots li{ position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer;} .Floor001025 .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;} .Floor001025 .slick-dots li button:hover, .Floor001025 .slick-dots li button:focus { outline: none;} .Floor001025 .slick-dots li button:hover:before, .Floor001025 .slick-dots li button:focus:before { opacity: 1;} .Floor001025 .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .Floor001025 .slick-dots li.slick-active button:before { color: black; opacity: 0.75;} .Floor001025 .carousel-center-mode .slick-track { min-height: 460px; padding: 40px 0 60px;} .Floor001025 .carousel-center-mode .slick-list { margin-left: auto; margin-right: auto;} @media (min-width: 768px) { .Floor001025 .carousel-center-mode .slick-list { width: 750px;} } @media (min-width: 992px) { .Floor001025 .carousel-center-mode .slick-list { width: 970px;} } @media (min-width: 1366px) { .Floor001025 .carousel-center-mode .slick-list { width: 1300px;} } @media (min-width: 1470px) { .Floor001025 .carousel-center-mode .slick-list { width: 1440px;} } /*PicList002171 */ .PicList002171{ padding-top:2%; overflow: hidden;} .PicList002171 .auto{ max-width: 1470px;position: relative} .PicList002171 ul{ margin: 0 -1.5%;} .PicList002171 li{ float:left; width:22%; margin:0 1.5% 3%;} .PicList002171 li a{ border:1px solid #e8e8e8; position:relative; display:block;} .PicList002171 li img{ display:block; width:100%;} .PicList002171 li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(33,77,151,0.95); opacity:0; transition:0.3s;} .PicList002171 li a:hover figure{ opacity:1;} .PicList002171 li dl{ display:table; width:100%; height:100%;} .PicList002171 li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;} .PicList002171 li figure{ background:url(../images/PicList002171-hoverbg_ie8.png) repeat; display:none;} .PicList002171 li .pic{ display:block;} .PicList002171 li .pic span{ display:block; width:100%; padding-bottom:44.36%;} .PicList002171 li a:hover figure{ display:block;} /* .TextList002322 */ .TextList002322{ padding: 2% 0;} .TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;} .TextList002322 .list li *{ color: #777;} .TextList002322 .list li time{ position: absolute; right: 0; top: 10px; display: block;} .TextList002322 .list li a{position: relative; display: block; width: 100%;overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding-left: 15px; } .TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;} .TextList002322 .list li a:hover{ color: #214d97;} @media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} }